<template>
  <div id="app">
    <nav>
      <router-link to="/">滨海</router-link> |
      <router-link to="/chashan">茶山</router-link> |
      <router-link to="/yueqing">乐清</router-link> |
      <router-link to="/studentSystem">学生管理系统</router-link>
    </nav>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
};
</script>

<style>
/* 通用样式 */
body {
  font-family: Arial, sans-serif; 
  margin: 0;
  padding: 20px;
  background-color: #f4f4f4; 
}

nav {
  background-color: #333; 
  padding: 10px;
  margin-bottom: 20px;
}

nav router-link {
  color: white; /* 导航链接文字颜色 */
  text-decoration: none; /* 去掉下划线 */
  margin-right: 15px;
}

h1 {
  color: #333; /* 标题颜色 */
  border-bottom: 2px solid #333; /* 标题底部边框 */
  padding-bottom: 5px;
}
</style>